
<div class="registration-container">
	<div class="registration-header">
    	Posting your ad is as easy as 1-2-3!
        <div class="post-step-image">
          <%=image_tag "post-step1.jpg",:alt=>"Step 1 of 3" %>
        </div>
    </div>
  <div class="registration-inner">
    <div class="registration-user-fields">
        	<div class="registration-field-text">*Are you a registered user?</div>
            <div class="registration-field-value">
               <%=radio_button(:registration,:user,  :yes  ,:onclick=>"$('existing_user').style.display='block';$('new_user').style.display='none';") -%>Yes&nbsp;&nbsp;&nbsp;
               <%=radio_button(:registration,:user,  :no   ,:onclick=>"$('new_user').style.display='block';$('existing_user').style.display='none';") -%>No&nbsp;&nbsp;&nbsp;
            </div>
        </div>
    <div id="new_user" style="display:none">
        <div class="registration-user-fields">
        	<div class="registration-field-text">*Are you a student?</div>
            <div class="registration-field-value">
               <%=radio_button(:registration,:student,  :yes  ,:onclick=>"$('student_registration_form').style.display='block';$('nonstudent_registration_form').style.display='none';") -%>Yes&nbsp;&nbsp;&nbsp;
               <%=radio_button(:registration,:student,  :no   ,:onclick=>"$('nonstudent_registration_form').style.display='block';$('student_registration_form').style.display='none';") -%>No&nbsp;&nbsp;&nbsp;
            </div>
        </div>
        <!-- form container -->
          


        <div id="student_registration_form" style="border:0px solid #000;display:none">
          <%=render :partial => "student_registration_form" -%>
          
        </div>
        <div id="nonstudent_registration_form" style="border:0px solid #000;display:none">
          
          <%=render :partial => "nonstudent_registration_form" -%>
        </div>
    </div>
        </div>

<div id="existing_user" style="display:none;">
     <div class="sign-in" style="float:left;clear:both;">
	     	            <div>
              <% form_tag(:controller=>"login",:action => "process_login") do %>
                 <div class="username">
                	<div class="username-text">
	                	Username:
    				</div>
                    <div class="username-value">
                    	<%= text_field "user", "name",:class=>"input-box",:maxlength=>"80",:size=>"26" -%>&#x00A;
                    </div>
                </div>
                <div class="password">
                    <div class="password-text">
                    	Password:
                    </div>
                    <div class="password-value">
                    	<%= password_field "user", "password",:class=>"input-box",:maxlength=>80,:size=>26 -%>&#x00A;
                    </div>
                </div>
                <div class="sign-in-button">
                   <%= image_submit_tag "sign-in-button.jpg" -%>
                </div>
                <div class="sign-in-problem">
                	<a href="">Can't access your account?</a>
                </div>
                <% end %>
			</div>
        </div>


  </div>


</div>


  
 <script type="text/javascript">

   function pageScroll() {
    scroll(0,50);
    $("student_full_name").focus();
    }

document.observe('dom:loaded', function() { //When the page is loaded, execute this
new Autocompleter.Local('university', 'university_suggestions',[<%=$universities-%>]); //follows the constructor. Since no options are specified, default values will be taken.
//1st parameter - state_input = input id
//2st parameter - state_suggestions = div id
//3st parameter -  Array of states
});
</script>